<template>
  <div class="goodslist">
    <goodsitem
      v-for="(item, index) in goodsarr"
      :key="index"
      :goodsItem="item"
    />
  </div>
</template>

<script>
import goodsitem from "./vantgooditem";
export default {
  name: "goodslist",
  props: {
    goodsarr: Array,
  },
  components: {
    goodsitem,
  },
};
</script>

<style scoped>
.goodslist {
  display: flex;
  flex-wrap: wrap;
}
</style>